웹 개발
루트캠프_02_첫 배포_Vercel
작성자 : Heehyeon Yoo|2025-11-12
# Blog# Deployment# Vercel# Next.js# Team
개발과 배포
https://fmhy.net 디자인을 참고로 해서 구성했다.
기능 상의 엄청난 것을 만들기 보다는, 활용 할만하고, 이쁘고 깔금해서 자주 들어올만한 곳이 되면 좋겠다 싶었다.
안랩의 보안 뉴스를 RSS로 긁어오고, 커리어 관련 여러 가지 조사한 내용을 붙여서 구성했다.
팀 전용 페이지인 만큼, 일반적인 정보 제공 페이지보다 팀의 색을 좀 넣으면 어떨까 싶어서
로고도 만들고, 팀원 소개 페이지도 넣고, 각 진로 중에 팀원들이 관심 있는 것을 고르고, 그것을 위해 각자 어떻게 노력하고 있는지 보여주면 좋겠다 싶었다.
후닥닥 만든거 치고는 꽤 잘 나왔고, 바로 배포를 생각했다.
스파게티 코드지만 어차피 팀원 5명만 쓰는 건데 뭐 어때....
Vercel로 배포해보자
배포는 Vercel로 결정했다.
Next.js에 최적화되어 있고, 운용도 쉽다. 무료기도 하고.
- Next.js 공식 호스팅에 가까운 안정성
- GitHub 연동으로 자동 배포 가능
- 프리뷰 링크로 팀 피드백 수집 가능
- 무료 플랜에서도 충분히 사용 가능
Vercel에 올리기 전에 아래를 먼저 정리했다.
.env변수 분리 (API 키/접근 코드)- 빌드/실행 명령어 명확화
- 정적 리소스 경로 확인
배포 후에는 다음을 우선 확인했다.
- 주요 페이지 정상 로딩 (뉴스/진로/사이트/팀 소개)
- 반응형 레이아웃 깨짐 여부
- 데이터 로딩 속도
- 팀원들이 바로 접속 가능한지
특이사항 없음!
깔끔하게 배포됐고, 따로 도메인도 걱정할 거 없이 기본 도메인으로 공유했다.
팀원들이 좋아했다. 사소한 거라도, 포폴이든 어디든 자기가 참여한 프로젝트로 링크 한 줄이라도 더 넣으면 좋겠다.
멤버 로그인 기능도 넣어서 개인적인 내용들은 알아서 수정하게끔 유도할 것이다.